.tree-select {
  position: relative;
  .el-input--medium .el-input__icon {
    line-height: 32px;
  }

  .el-select {
    width: 240px;
  }

  .el-select-dropdown__empty,
  .el-select-dropdown {
    display: none;
  }

  .tree-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
  }

  &[disabled] {
    .el-select .el-input .el-input__inner {
      cursor: not-allowed;
      border: 1px solid #d9d9d9 !important;
      color: #bfbfbf;
      background: #f2f2f2 !important;
    }

    .el-select .el-input .el-select__caret.el-icon-arrow-up {
      transform: rotateZ(180deg) !important;
    }

    .el-tree-select-dropdown {
      display: none;
    }
  }

  &.show {
    .el-select .el-input .el-input__inner {
      border-color: @color-primary;
    }

    .el-select .el-input .el-select__caret.el-icon-arrow-up {
      transform: rotateZ(0);
    }

    .tree-mask {
      display: block;
    }


  }

  .el-tree {
    min-width: 240px;
    // overflow-x: auto;
    margin-top: 4px;
    padding: 3px 6px;
    display: inline-block;

    .el-tree-node__expand-icon {
      color: #323233;

      &.is-leaf {
        color: transparent;
      }
    }

    .el-tree-node__content:hover {
      background: none;
    }

    .el-tree-node {
      min-height: 32px;
      line-height: 32px;
      // padding: 0 6px;
    }

    .el-tree-node__label {
      width: 100%;

      &:hover {
        background: rgba(82, 176, 254, 0.10);
      }
    }

  }

}
